<div class="dialog-header-wrapper">
    <button class="dialog-btn">基础对话框</button>
    <button class="dialog-btn">确认框</button>
    <button class="dialog-btn">输入框</button>
</div>

<script src="/js/oop/dialog.js"></script>
<script>
    $('.dialog-btn').on('click', function() {
        let $this = $(this);
        let index = $this.index()
        if (index === 0) {
            let Alert = new Dialog({
                title: '消息框',
                content: '<div class="content-wp">消息框内容</div>',
            })
            Alert.init()
        } else if (index === 1) {
            let Confirm = new Dialog({
                title: '确认框',
                content: '<div class="content-wp">确认操作相关内容</div>',
                footer: ['确认', '取消']
            })
            Confirm.init()
        } else {
            let Confirm = new Dialog({
                title: '输入框',
                content: `<div class="content-wp">
                    <input type="text">
                    <span>姓名</span>
                </div>`,
                footer: ['确认']
            })
            Confirm.init()
        }
    })
</script>

<script>
</script>